<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Liburan ini,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>berikan para pengembang Anda hadiah untuk memberi.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Tawarkan pengembang Anda 👩🏾‍💻👨🏼‍💻 kartu hadiah untuk disumbangkan ke proyek sumber terbuka yang mereka sukai. ❤️</h3>
        <p class='pb4'>Pengembang Anda telah melakukan hal-hal luar biasa tahun ini. Mereka tidak dapat berbuat banyak tanpa dukungan dari komunitas open source. Di situlah mereka belajar, di situlah mereka dapat menggunakan kembali alat, pustaka, modul sehingga mereka tidak perlu menemukan kembali roda dan mereka dapat fokus untuk membuatnya bekerja untuk kebutuhan khusus Anda.</p>
        <p class='pb1 -font-bold neutralsolid800'>Tanya Jawab</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Apa yang terjadi jika kartu hadiah tidak digunakan?<svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Anda hanya dikenakan biaya saat kartu hadiah digunakan. If you give away a $50 gift card to 10 of your employees and only 8 used it, you will only be charged $400.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Apakah saya mendapatkan faktur?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Ya, Anda akan menerima faktur bulanan gabungan yang sesuai dari <a href='https://opencollective.com/opensource'>Open Source Collective 501c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Apakah ada tanggal kedaluwarsa?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Secara default, kartu hadiah kedaluwarsa setelah 3 bulan tetapi Anda dapat menentukan tanggal kedaluwarsa Anda sendiri. Jika mereka tidak digunakan saat itu, mereka menjadi tidak aktif. Anda tidak akan dikenakan biaya jika belum digunakan.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Saya menerima kartu hadiah, apakah saya harus menghabiskan semuanya sekaligus?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Tidak, Anda dapat menggunakan kartu hadiah Anda untuk memberikan jumlah berapa pun ke kolektif mana pun selama Anda memiliki cukup saldo di kartu tersebut.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Siapa yang akan tampil sebagai pendukung? Perusahaan saya atau karyawan saya?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Keduanya! Orang yang Anda beri kartu hadiah adalah orang yang memilih kolektif yang ingin mereka dukung. Tetapi donasi mereka akan menunjukkan bahwa mereka menggunakan kartu hadiah yang diberikan oleh perusahaan Anda dan perusahaan Anda juga akan muncul sebagai sponsor kolektif. Lihat misalnya <a href='https://opencollective.com/triplebyte'>Triplebyte</a> yang muncul sebagai sponsor <a href='https://opencollective.com/electron'>Elektron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Buat organisasi sekarang dan mulailah mengeluarkan kartu hadiah!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Buat Organisasi</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
